// 物流订单信息
<template>
  <div v-if="value" class="text-18px pb-20px">
    <div class="font-bold pb-5px">订单信息</div>
    <div class="ml-80px text-16px">
      <p>
        <i class="el-icon-s-order"></i>
        订单号：{{ value.orderId }}
      </p>
      <p>
        <i class="el-icon-s-goods"></i>
        商品名称：{{ value.productName }}
      </p>
      <p>
        <i class="el-icon-s-grid"></i>
        数量：{{ value.quantity }}
      </p>
      <p v-if="value.remark">
        <i class="el-icon-s-flag"></i>
        备注：{{ value.remark }}
      </p>
    </div>

    <div class="font-bold ui-border-bottom pb-5px">收货人信息</div>
    <div class="ml-80px text-16px">
      <p>
        <i class="el-icon-s-custom"></i>
        姓名：{{ value.purchaserName }}
      </p>
      <p>
        <i class="el-icon-phone"></i>
        电话：{{ value.purchaserPhone }}
      </p>
      <p v-if="value.receiptInfo && value.receiptInfo.address">
        <i class="el-icon-s-home"></i>
        地址：{{ value.receiptInfo.address }}
      </p>
    </div>
  </div>
</template>
<script>
export default {
  props: ['value']
}
</script>
